<script setup lang="ts">
// 如果有相关逻辑或数据可以在这里处理
</script>

<template>
  <view class="game-container">
    <view class="content">
      <text class="message"></text>
      <view class="loading">
        <text class="loading-text">当前页面正在开发中...</text>
        <view class="spinner"></view>
      </view>
    </view>
  </view>
</template>

<style lang="scss">
.game-container {
  background-color: #28bb9c;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.content {
  color: #fff;
}

.message {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.loading {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.loading-text {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: normal;
}

.spinner {
  border: 6px solid #fff;
  border-top: 6px solid #28bb9c;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1.5s linear infinite;
}

/* 添加旋转动画 */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
</style>
